.item {
    display: flex;
    .left {
        width: 20%;
        img{
            width: 100%;
            height: auto;
        }
    }
    .center{
        width: 60%;
    }
    .right {
        width: 20%;
    }
}
.detail-card {
    position: fixed;
    width: 100%;
    height: 300px;
    left: 0;
    bottom: 0;
    background-color: aqua;
    transform: translateY(300px);
    transition: all .3s;
}
.show-card {
    transform: translateY(0px);
}